<template>
<div>
     <div class="box1">
            <div>本周热门榜单</div><div>全部榜单></div>
        </div>
    <div class="bg">
        <div v-for='item in imgUrl' class="box">
            <img :src="item.url" alt=""><br/>
            <p>{{item.address}}</p>
            <p><span>￥<span>{{item.price}}</span></span>起</p>
        </div>
    </div>
    </div>
</template>
<script>
    export default{
        data(){
            return{
        imgUrl:[
            {id:'00',address:'世界之窗',price:'80',url:'http://img1.qunarzz.com/sight/p0/1902/f2/f2e0213052717f7ca3.water.jpg_250x250_540fc25d.jpg'},
            {id:'01',address:'深圳欢乐谷',price:'117.1',url:'http://img1.qunarzz.com/sight/p0/1911/81/8114149aaf39ac63a3.water.jpg_250x250_3eca6eba.jpg'},
            {id:'02',address:'东部华侨大峡谷',price:'177',url:'http://img1.qunarzz.com/sight/p0/201301/16/4593d3d5a27f445b93835fbb.jpg_250x250_5d28d33a.jpg'},
            {id:'03',address:'锦绣中华民俗村',price:'55',url:'http://img1.qunarzz.com/sight/p0/1603/9d/9d8c0e9a01bba92e90.water.jpg_250x250_f0bd5b33.jpg'},
            {id:'04',address:'深圳野生动物园',price:'228.9',url:'http://img1.qunarzz.com/sight/p0/1508/2e/d9363ce50a88c8c5ff5a138c67687cd4.water.jpg_250x250_b592c33d.jpg'},
            {id:'05',address:'海洋奇梦馆',price:'33.8',url:'http://img1.qunarzz.com/sight/p0/201307/18/f25ac054eec3804dc8d65eac.jpg_250x250_b9ebca61.jpg'},
            {id:'06',address:'深圳圣蓝秘境欢乐谷',price:'27',url:'http://img1.qunarzz.com/sight/p0/201301/16/6a16218e8b39640093835fbb.jpg_250x250_cb12e638.jpg'},
            {id:'07',address:'小梅沙海洋世界',price:'30',url:'http://img1.qunarzz.com/sight/p0/1507/64/34362835b4a219af8b36803d31a6380f.water.jpg_250x250_764d6c11.jpg'},
            {id:'08',address:'东部华侨城',price:'177',url:'http://img1.qunarzz.com/sight/p0/1707/61/61351de35d20c249a3.water.jpg_250x250_6a37d1d7.jpg'},
            {id:'09',address:'地王大厦',price:'55',url:'http://img1.qunarzz.com/sight/p0/1810/df/df65113c1322333fa3.water.jpg_250x250_cde69668.jpg'}
        ]
            }
        }
    }
</script>
<style lang="stylus" scoped>
.bg{
    display flex
    overflow-x scroll
    white-space nowrap
}
.box{
    margin 5px 10px
}
.box img{
    width 100px
    height 100px
}
.box p{
    font-size 12px
}
.box p span{
    color orange
}
.box p span span{
    font-size 14px
}
.box1{
    width 100%
    display flex
    justify-content space-between
}
.box1 div{
    margin: 0 10px;
}
</style>